<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    请输入星期几<input class="inp" type="text" /> 
    <button class="btn">点击我查看吃啥</button>
    <!-- <button class="btn">点击我查看吃啥222</button> -->
    <script>
        // 输入数字 显示星期几 ?
        // if...else if ... else if ... else if ...else ...
        // var num = parseInt( prompt("请输入数字"));
        // // num 值是 2 
        // if(num==1){  // false
        //     console.log("星期一");
        // }else if(num==2){  // true 
        //     console.log("星期二");
        // }else if(num==3){  // false
        //     console.log("星期三");
        // }else if(num==4){  // false
        //     console.log("星期四");
        // }else {  // 只要if 或者 else if 里有true 那么 else 就不执行 。
        //     console.log("上面所有if 和 else if 之外的所有情况");
        // }


        // 第一种  ：多个 true 的情况
        // 多数情况 在 if 和 else if里只有一个true
        // 如果 在if 和  else if 里有多个true的情况 ，那么会优先执行第一个true
        // if(true){
        //     console.log("第一个")
        // }else if(true){
        //     console.log("第二个");
        // }else if(true){
        //     console.log("第三个");
        // }else {
        //     console.log("其他情况");
        // }

        // 第二种 ： 前面是false 后面是true
        // if(false){
        //     console.log(111)
        // }else if(false){
        //     console.log(22)
        // }else if(true){
        //     console.log(33)
        // }else if(true){
        //     console.log(44)
        // }else{
        //     console.log("其他")
        // }


        // 第三种 ： if 和else if 里全部都是false
        // if(false){
        //     console.log(111)
        // }else if(false){
        //     console.log(22)
        // }else if(false){
        //     console.log(33)
        // }else if(false){
        //     console.log(44)
        // }else {
        //     console.log("其他");
        // }

        // 星期几 吃什么东西？

        // 获取 btn按钮
        var btn = document.getElementsByClassName("btn")[0];
        var myinput = document.getElementsByClassName("inp")[0];
        // console.log(btn);
        // 给btn按钮绑定 点击事件，大括号里的代码 会在点击 按钮的时候执行
        btn.onclick = function(){
            // 当点击 按钮的时候 获取 input框里的值
            // value 是获取input框里的值；
            var val = myinput.value;
            // console.log(val);
            if(val==1 || val ==3){
                alert("吃鱼香肉丝");
            }else if(val==2){
                alert("麻婆豆腐");
            }else if(val==4 || val==5){
                alert("肯德基");
            }else if(val==6 || val==7){
                alert("吃土");
            }else{
                alert("输入错误，请输入1-7的数字");
            }
        }

    </script>
</body>
</html>